<template>
  <g-row>
    <g-col span="24" :ipad="{span:12}">
      <div class="demo"></div>
    </g-col>
    <g-col span="24" :ipad="{span:12}" :narrow-pc="{span:8}">
      <div class="demo"></div>
    </g-col>
    <g-col span="24" :ipad="{span:12}" :narrow-pc="{span:8}">
      <div class="demo"></div>
    </g-col>
    <g-col span="24" :ipad="{span:12}" :narrow-pc="{span:8}">
      <div class="demo"></div>
    </g-col>
    <g-col span="24" :ipad="{span:12}" :narrow-pc="{span:8}">
      <div class="demo"></div>
    </g-col>
    <g-col span="24" :ipad="{span:12}" :narrow-pc="{span:8}">
      <div class="demo"></div>
    </g-col>
  </g-row>
</template>
<style lang="scss" scoped>
.demo {
  border: 1px solid red;
  height: 100px;
}
</style>